<div class="main fly-user-main layui-clear">
    <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="user">
        <li class="layui-nav-item"><a href="{:U('home/u/index',array('id'=>$_SESSION['id']))}"> <i class="layui-icon"></i> 我的主页 </a></li>
        <li class="layui-nav-item "><a href="{:U('home/users/index')}"> <i class="layui-icon"></i> 用户中心 </a></li>
        <li class="layui-nav-item layui-this"><a href="{:U('home/set/index')}"> <i class="layui-icon"></i> 基本设置
        </a></li>
        <li class="layui-nav-item "><a href="{:U('home/msg/index')}"> <i class="layui-icon"></i> 我的消息 </a>
        </li>
        <!-- <li class="layui-nav-item "><a href="{:U('home/vip/index')}"> <i class="layui-icon"></i> 会员授权 </a></li> -->
        <span class="layui-nav-bar" style="top: 77.5px; height: 0px; opacity: 0;"></span></ul>
    <div class="site-tree-mobile layui-hide"><i class="layui-icon"></i></div>
    <div class="site-mobile-shade"></div>
    <div class="fly-panel fly-panel-user" pad20="">
        <div class="layui-tab layui-tab-brief" lay-filter="user">
            <ul class="layui-tab-title" id="LAY_mine">
                <li class="layui-this" lay-id="info">我的资料</li>
                <li lay-id="avatar">头像</li>
                <li lay-id="pass">密码</li>
                <!-- <li lay-id="bind">帐号绑定</li> -->
            </ul>
            <div class="layui-tab-content" style="padding: 20px 0;">
                <div class="layui-form layui-form-pane layui-tab-item layui-show">
                    <form method="post">
                        <div class="layui-form-item"><label for="L_email" class="layui-form-label">邮箱</label>
                            <div class="layui-input-inline"><input type="text" id="L_email" name="email" required=""
                                                                   lay-verify="email" autocomplete="off" value="{$info['email']}"
                                                                   class="layui-input"></div>
                            <div class="layui-form-mid layui-word-aux">如果您在邮箱已激活的情况下，变更了邮箱，需<a
                                    href="{:U('home/mail/index')}" style="font-size: 12px; color: #4f99cf;">重新验证邮箱</a>。
                            </div>
                        </div>
                        <div class="layui-form-item"><label for="L_username" class="layui-form-label">昵称</label>
                            <div class="layui-input-inline"><input type="text" id="L_username" name="nickname"
                                                                   required="" lay-verify="required" autocomplete="off"
                                                                   value="{$info['nickname']}" class="layui-input"></div>
                            <div class="layui-inline" style="width:300px;">
                                <div class="layui-input-inline" style="width:280px;">
                                        <input type="radio" name="sex" value="男" title="男" <?php if ($info['sex']=='男') echo "checked" ?>  >
                                        <div class="layui-unselect layui-form-radio"><i
                                                class="layui-anim layui-icon"></i><span>男</span></div>
                                        <input type="radio" name="sex" value="女" title="女" <?php if ($info['sex']=='女') echo "checked" ?>>
                                        <div class="layui-unselect layui-form-radio"><i
                                                class="layui-anim layui-icon"></i><span>女</span></div>
                                        <input type="radio" name="sex" value="保密" title="保密" <?php if ($info['sex']=='保密') echo "checked" ?>>
                                        <div class="layui-unselect layui-form-radio"><i
                                                class="layui-anim layui-icon"></i><span>保密</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                          <label for="L_city"  class="layui-form-label">省/直辖市</label>
                            <div class="layui-input-inline">
                              <input type="text" id="L_shen"  name="shen" autocomplete="off" lay-verify="required" value="{$info['shen']}" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                          <label for="L_city"  class="layui-form-label">城市/区</label>
                            <div class="layui-input-inline">
                              <input type="text" id="L_city"  name="city" autocomplete="off" lay-verify="required" value="{$info['city']}" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item layui-form-text">
                          <label for="L_sign" class="layui-form-label">签名</label>
                            <div class="layui-input-block">
                              <textarea placeholder="随便写些什么刷下存在感" id="L_sign" name="sign" autocomplete="off" class="layui-textarea" style="height: 80px;" >{$info['sign']}</textarea>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <button class="layui-btn" key="set-mine" lay-filter="edit" lay-submit="">确认修改</button>
                        </div>
                    </form>
                </div>
                <div class="layui-form layui-form-pane layui-tab-item headfacehide">
                    <div id="headface" style="width:660px;height:440px;">
                    </div>
                     <script src="http://open.web.meitu.com/sources/xiuxiu.js" type="text/javascript"></script>
                          <script type="text/javascript">
                          window.onload=function(){
                            /*第1个参数是加载编辑器div容器，第2个参数是编辑器类型，第3个参数是div容器宽，第4个参数是div容器高*/
                            xiuxiu.embedSWF("headface",5,"660","440");
                            //修改为您自己的图片上传接口
                            xiuxiu.setUploadURL("http://bbs.9wi.net"+"{:U('home/set/upload')}");
                            xiuxiu.setUploadType(2);
                            xiuxiu.setUploadDataFieldName("upload_file");
                            xiuxiu.onInit = function ()
                            {
                              xiuxiu.loadPhoto("http://bbs.9wi.net__ROOT__/"+"<?php echo $_SESSION['face'] ?>");//修改为要处理的图片url
                            }
                            xiuxiu.onUploadResponse = function (data)
                            {
                              layer.alert(data,{icon: 6},function  () {
                                location .reload();
                              }); 
                              
                            }
                          }
                          </script>
                  <div class="facehide"></div>
                </div>
                <div class="layui-form layui-form-pane layui-tab-item">
                    <div class="layui-form-item"><label for="L_pass" class="layui-form-label">新密码</label>
                        <div class="layui-input-inline"><input type="password" id="L_pass" name="password" required=""
                                                               lay-verify="required" autocomplete="off"
                                                               class="layui-input"></div>
                        <div class="layui-form-mid layui-word-aux">6到16个字符</div>
                    </div>
                    <div class="layui-form-item"><label for="L_repass" class="layui-form-label">确认密码</label>
                        <div class="layui-input-inline"><input type="password" id="L_repass" name="repassword" required=""
                                                               lay-verify="required" autocomplete="off"
                                                               class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <button class="layui-btn" key="set-mine" lay-filter="editpass" lay-submit="">确认修改</button>
                    </div>
                </div>
<!--                 <div class="layui-form layui-form-pane layui-tab-item">
                    <ul class="app-bind">
                        <li class="fly-msg  app-havebind"><i class="iconfont icon-qq"></i> <span>已成功绑定，您可以使用QQ帐号直接登录Fly社区，当然，您也可以</span>
                            <a href="javascript:;" class="acc-unbind" type="qq_id">解除绑定</a></li>
                        <li class="fly-msg "><i class="iconfont icon-weibo"></i> <a
                                href="http://fly.layui.com:8098/app/weibo/" class="acc-weibo" type="weibo_id"
                                onclick="layer.msg(&#39;正在绑定微博&#39;, {icon:16, shade: 0.1, time:0})">立即绑定</a> <span>，即可使用微博帐号登录Fly社区</span>
                        </li>
                    </ul>
                </div> -->
            </div>
        </div>
    </div>
</div>
<script>
    layui.use(['form','jquery','element'], function(){
        var form = layui.form(),
            layer = layui.layer,
            $= layui.jquery,

        element = layui.element(); //Tab的切换功能，切换事件监听等，需要依赖element模块
  
        //触发事件
        var active = {
            tabChange: function(){
              //切换到指定Tab项
              element.tabChange('demo', '22'); 
            }
        };

        $('.site-demo-active').on('click', function(){
            var othis = $(this), type = othis.data('type');
            active[type] ? active[type].call(this, othis) : '';
        }); 

        //监听信息提交
        form.on('submit(edit)', function(data){

           $.ajax({
               url: '{:U('home/set/EditInfo')}',
               type: 'POST',
               dataType: 'json',
               data: data.field,
           })
           .done(function(respones) {
             if (respones.error==1) {
                layer.msg(respones.info);
             }else{
                layer.alert(respones.info, {icon: 6},function  () {
                    location.replace('{:U('home/set/index')}')
                    });
                }
            })
           .fail(function() {
              console.log("error");
           })

            return false;

        });


        //监听密码提交
        form.on('submit(editpass)', function(data){

           $.ajax({
               url: '{:U('home/set/EditPassword')}',
               type: 'POST',
               dataType: 'json',
               data: data.field,
           })
           .done(function(respones) {
             if (respones.error==1) {
                layer.msg(respones.info);
             }else{
                layer.alert(respones.info, {icon: 6},function  () {
                    location.replace('{:U('home/set/index')}')
                    });
                }
            })
           .fail(function() {
              console.log("error");
           })

            return false;

        });
    });




</script>